<template>
  <div>
    <el-container class="index">
      <el-aside :class="showclass"><asidera></asidera></el-aside>
      <el-container>
        <el-header :class="header"> <headera></headera></el-header>
        <maina></maina>
        <permission></permission>
      </el-container>
    </el-container>
  </div>
</template>
<script>
import permission from "./manager/permission.vue";
import maina from "./manager/maina.vue";
import headera from "./manager/headera.vue";
import asidera from "./manager/asidera.vue";
export default {
  name: "manager",
  components: {
    permission,
    maina,
    headera,
    asidera
  },
  data() {
    return { 
      showclass: "aside",
      header:"header" 
      };
  },
};
</script>
<style scoped>
@import url("../assets/icon/iconfont.css");
.aside{
  background-color: #334157;
  height: 800px;
}
.header{
  background-color: #334157;
  border:black 2px solid;
  

}

</style>
